<template>
  <div>
    Game

      <!-- 
    动态路由: 我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件
    动态路由主要是通过两种传参方式来实现的
      1. params传参
        - 直接在路由路径后拼接参数,并且需要路由表中配合
        - 在路由表中还可以配置哪些参数是可选的
        - 我们to写成对象写法也可以进行传递parmas参数
          * 注意:params参数只能和name配合使用,不能和path配合使用
          * 注意:params某个参数如果可选,则不能传递空字符串,可以写为null -->
    <router-link :to="{name:'Item' ,query:{
      id:'001',title:'ji'
    }}" replace >麻辣鸡丝</router-link>
    <router-link :to="{name:'Item' ,query:{
      id:'002',title:'shao'
    }}" replace >红烧土豆</router-link>
    <router-link :to="{name:'Item' ,query:{
      id:'003',title:''||null
    }}" replace >番茄炒蛋</router-link>
    <router-view></router-view>
  </div>
</template>

<script>


export default {
name:"Game"
}
</script>

<style>

</style>